<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML基础练习2</title>
</head>

<body>
    <h1>HTML基础练习2</h1>
    <p><a href="../index.html">返回首页</a></p>
    <section>
        <h2>文本语义元素</h2>
        <h3>a元素</h3>
        <p>
            <a href="https://baike.baidu.com/item/%E5%85%A8%E9%9D%A2%E9%80%9A%E9%A3%8E">全面通风</a>
        </p>
        <p><a href="https://baike.baidu.com/item/%E5%85%A8%E9%9D%A2%E9%80%9A%E9%A3%8E#5">全面通风页面中的某个标题</a></p>

        <p>使用<em>#</em>加链接，来实现<strong>内部</strong>跳转。<small>注意，不要因为默认的样式就使用这些元素。</small></p>
        <p>那个男人说<q>事情不能再拖了</q>。我也赞同他的观点。</p>
        <p>doit.im是一款<dfn><abbr title="Get Thing Done">GTD</abbr></dfn>软件，用来帮助用户进行任务管理。</p>
        <code>
            <p>doit.im是一款<dfn><abbr title="Get Thing Done">GTD</abbr></dfn>软件，用来帮助用户进行任务管理。</p>
    </code>
        <p>使用快捷键<kbd> Ctrl + S </kdb>保存文档。</p>
        <h4>这是一个主标题<br>这是副标题</h4>
    </section>
    <section>
        <h2>编辑相关元素</h2>
        <h3>del元素</h3>
        <ul>
            <li>Empty the dishwasher</li>
            <li><ins datetime="2009-10-11T01:25-07:00">Watch Walter Lewin's lectures</ins></li>
            <li><del datetime="2009-10-10T23:38-07:00">Download more tracks</del></li>
            <li>Buy a printer</li>
        </ul>
    </section>
    <section>
        <h2>嵌入内容的相关元素</h2>
        <h3>picture元素</h3>
        <picture>
            <source
                srcset="https://tse4-mm.cn.bing.net/th/id/OIP.gufUnnWfhruWw3K69J6D2gHaFy?w=181&h=141&c=7&o=5&dpr=1.25&pid=1.7"
                media="(max-width: 768px)">
            <source
                srcset="https://gss0.baidu.com/-4o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/4ec2d5628535e5ddfba8f12e7dc6a7efcf1b62be.jpg">
            <img srcset="https://gss0.baidu.com/-4o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/4ec2d5628535e5ddfba8f12e7dc6a7efcf1b62be.jpg"
                alt="My default image">
        </picture>
        <p><img src="146153236.jpg" alt="病毒"></p>
        <iframe src="https://yangjh.gitee.io/front-end/html/embed.html" width="800" height="300"></iframe>
    </section>
</body>

</html>
